@extends('common.en_base-master')

@section('html-head')
	<link href="{{url('css/admin/pagenum.css')}}" rel="stylesheet" />

@endsection

@section('html-body')
<!--Start of slider section-->
<section id="slider">
	<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel" data-interval="3000">
		<!-- Wrapper for slides -->
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<div class="slider_overlay">
					<img src="@if(!empty($detail)){{$detail->thumb_img_url}}@endif" alt="..." style="width: 100%;height:300px;">
				</div>
				<div class="carousel-caption">
					<div class="slider_text">
						<h3>@if(!empty($detail)){{$detail->title}}@endif</h3>
					</div>
				</div>
			</div>
			<!--End of item-->
		</div>
		<!--End of Carousel Inner-->
	</div>
</section>
<!--end of slider section-->

<section id="blog">
	<div class="container" style="background-color:#fff;border-radius: 20px;box-shadow: 0px 0px 10px 2px #ddd;padding: 20px;margin: 20px auto;">		<!--End of row-->
		@if(!empty($detail))
			<?php  echo html_entity_decode($detail->content) ?>
		@endif
	</div>
	<!--End of container-->
</section>

<!--Scroll to top-->
<a href="#" id="back-to-top" title="Back to top">&uarr;</a>
<!--End of Scroll to top-->


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>-->
{{--<script src="{{url('Assets/js/jquery-1.12.3.min.js')}}"></script>--}}

<!--Counter UP Waypoint-->
<script src="{{url('Assets/js/waypoints.min.js')}}"></script>
<!--Counter UP-->
<script src="{{url('Assets/js/jquery.counterup.min.js')}}"></script>

<script>
	//for counter up
	$('.counter').counterUp({
		delay: 10,
		time: 1000
	});
</script>

<!--Gmaps-->
<!---<script src="js/gmaps.min.js"></script>
<script type="text/javascript">
	var map;
	$(document).ready(function () {
		map = new GMaps({
			el: '#map',
			lat: 23.6911078,
			lng: 90.5112799,
			zoomControl: true,
			zoomControlOpt: {
				style: 'SMALL',
				position: 'LEFT_BOTTOM'
			},
			panControl: false,
			streetViewControl: false,
			mapTypeControl: false,
			overviewMapControl: false,
			scrollwheel: false,
		});


		map.addMarker({
			lat: 23.6911078,
			lng: 90.5112799,
			title: 'Office',
			details: {
				database_id: 42,
				author: 'Foysal'
			},
			click: function (e) {
				if (console.log)
					console.log(e);
				alert('You clicked in this marker');
			},
			mouseover: function (e) {
				if (console.log)
					console.log(e);
			}
		});
	});
</script>--->
<!--Google Maps API-->
<!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBjxvF9oTfcziZWw--3phPVx1ztAsyhXL4"></script>--->


<!--Isotope-->
<script src="{{url('Assets/js/isotope/min/scripts-min.js')}}"></script>
<script src="{{url('Assets/js/isotope/cells-by-row.js')}}"></script>
<script src="{{url('Assets/js/isotope/isotope.pkgd.min.js')}}"></script>
<script src="{{url('Assets/js/isotope/packery-mode.pkgd.min.js')}}"></script>
<script src="{{url('Assets/js/isotope/scripts.js')}}"></script>


<!--Back To Top-->
<script src="{{url('Assets/js/backtotop.js')}}"></script>


<!--JQuery Click to Scroll down with Menu-->
<script src="{{url('Assets/js/jquery.localScroll.min.js')}}"></script>
<script src="{{url('Assets/js/jquery.scrollTo.min.js')}}"></script>
<!--WOW With Animation-->
<script src="{{url('Assets/js/wow.min.js')}}"></script>
<!--WOW Activated-->
<script>
	new WOW().init();
</script>


<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{{url('Assets/js/bootstrap.min.js')}}"></script>
<!-- Custom JavaScript-->
<script src="{{url('Assets/js/main.js')}}"></script>
@endsection